import React from 'react'
import { Layout, Menu } from 'antd'
import { NavLink, useLocation } from 'react-router-dom'
const { Header } = Layout

function AppHeader() {
  const location = useLocation()
  const menuItems = [
    { key: '/', label: <NavLink to='/'>商品列表</NavLink> },
    { key: '/orders', label: <NavLink to='/orders'>订单管理</NavLink> }
  ]
  return (
    <Header>
      <Menu
        theme='dark'
        mode='horizontal'
        items={menuItems}
        selectedKeys={[location.pathname]}
      />
    </Header>
  )
}

export default AppHeader
